//引入axios异步请求插件
import axios from 'axios'

let cancel, promiseArr = {}

// 指定用于取消请求的 cancel token
const CancelToken = axios.CancelToken;

//请求拦截器
axios.interceptors.request.use(function (config) {
    //发起请求时，取消掉当前正在进行的相同请求
    //比如一直点登录，但是只发起最后一次点击登录发起的请求
    if (promiseArr[config.url]) {
        promiseArr[config.url]('操作取消')
        promiseArr[config.url] = cancel
    } else {
        promiseArr[config.url] = cancel
    }
    return config
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});


// 添加响应拦截器,处理错误响应
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response.data;
}, function (error) {
    if (err && err.response) {
        switch (err.response.status) {
            case 400:
                err.message = '错误请求'
                break;
            case 401:
                err.message = '未授权，请重新登录'
                break;
            case 403:
                err.message = '拒绝访问'
                break;
            case 404:
                err.message = '请求错误,未找到该资源'
                break;
            case 405:
                err.message = '请求方法未允许'
                break;
            case 408:
                err.message = '请求超时'
                break;
            case 500:
                err.message = '服务器端出错'
                break;
            case 501:
                err.message = '网络未实现'
                break;
            case 502:
                err.message = '网络错误'
                break;
            case 503:
                err.message = '服务不可用'
                break;
            case 504:
                err.message = '网络超时'
                break;
            case 505:
                err.message = 'http版本不支持该请求'
                break;
            default:
                err.message = `连接错误${err.response.status}`
        }
    } else {
        err.message = "连接到服务器失败"
    }
    // 对响应错误做点什么
    return Promise.reject(error);
});

//请求头
axios.defaults.baseURL = '/shop';

//设置默认请求头 异步的
// XMLHttpRequest是一个常见的标识，用于告诉服务器这个请求是一个异步请求（而不是普通的页面加载请求），也就是让服务器传回参数，不是页面
axios.defaults.headers = {
    'X-Requested-With': 'XMLHttpRequest'
}

//设置超时请求时间
axios.defaults.timeout = 10000;

//get请求
let GET = (data = {}) => {
    return new Promise((resolve, reject) => {
        axios({
            method: 'get',
            url: data.url,
            params: data.params,
            cancelToken: new CancelToken(c => {
                cancel = c
            })
        }).then(function (res) {
            resolve(res)
        })
    })
}

//post请求
let POST = (data = {}) => {
    return new Promise((resolve, reject) => {
        axios({
            method: 'post',
            url: data.url,
            data: data.params,
            cancelToken: new CancelToken(c => {
                cancel = c
            })
        }).then(function (res) {
            resolve(res)
        })
    })
}

// 文件上传
let UPLOAD = (data = {}) => {
    //封装表单数据对象
    var RequestData = new FormData()  //原js实例化表单对象

    if (JSON.stringify(data.params) != "{}") {
        for (var key in data.params) {
            RequestData.append(key, data.params[key])
        }
    } 
// 转化成json字符串
    return new Promise((resolve, reject) => {
        axios({
            method: 'post',  //也是post，不过有请求头
            url: data.url,
            data: RequestData,
            headers: { 'Content-Type': 'multipart/form-data' }, //设请求头让文件也能通过，不只是字符串
            cancelToken: new CancelToken(c => {
                cancel = c
            })
        }).then(res => {
            resolve(res)
        })
    })
}

export {
    GET,
    POST,
    UPLOAD
}